.g-wrap {position:relative; width:1200px; margin:0 auto;  height:100%; overflow:hidden;}


#header {position:relative; z-index:5; height:120px;width:100%; overflow-x:overflow; background:#fff;}
	#nav_top {position:absolute; top:0; left:0; z-index:999; width:100%; height:120px; background:#fff;/*overflow: hidden;*/}
		
    #logo {position:absolute; top:0px; left:0px; width:403px; height:120px; background:url(img/logo.jpg) no-repeat 0 0;}
	
    #nav {position:absolute; top:54px; right:0px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
	.phe{float:right;width:236px;height:54px;background:url(img/phe.jpg) no-repeat 0 0;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;}
    #nav .n1,#nav .n2,#nav .n3 {width:100px;}
    #nav .n4, #nav .n5, #nav .n6, #nav .n7, #nav .n8, #nav .n9{width:100px;}

    #nav li a{position:relative; z-index:2; display:block; width:100%; height:100%; font-size:14px; line-height:50px; text-align:center; color:#555; -webkit-transition:color 200ms; transition:color 200ms;}
	#nav li a:hover,#nav li a.on{color:#fff;font-weight:bold;}
	
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#1164ba; -webkit-transition:top 200ms; transition:top 200ms;}
    #nav li a.on .bkg,#nav li a:hover .bkg {top:0;}

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:60px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}
    #shop .btn-search {position:absolute; top:33px; left:20px; width:20px; height:20px; background:url(img/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(img/icon_search_on.png);}
	
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
	#subNav {position:absolute; top:48px; left:0; z-index:888; width:100%; height:60px; }
    #subNav .g-wrap {overflow:visible;}
	
    #subNav .g-wrap .item {position:absolute; top:0; width:100%; height:60px; background-color:#4c4a4f; overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms;}
    #subNav .g-wrap .it1 {left:460px; padding:0 20px; /*width:835px;*/}
    #subNav .g-wrap .it2 {left:526px; padding:0 20px; /*width:752px;*/}
    #subNav .g-wrap .it3 {left:592px; padding:0 20px;/* width:643px;*/}
    #subNav .g-wrap .it4 {left:680px; padding:0 20px; /*width:573px;*/}
    #subNav .g-wrap .it5 {left:768px; padding:0 20px; /*width:573px;*/}
    #subNav .g-wrap .it6 {left:856px; padding:0 20px; /*width:573px;*/}
    #subNav .g-wrap .it7 {left:944px; padding:0 20px; /*width:573px;*/}
    #subNav .g-wrap .it8 {left:680px; padding:0 20px; /*width:573px;*/}

    #subNav .g-wrap .on {top:60px; z-index: 2;}

    #subNav .g-wrap .item a {float:left; padding:0 16px;font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#1164ba;font-weight:bold;}
    #subNav .g-wrap .item #on { color: #f63b2e;}
	
	
/*search-start*/
#subNav .g-wrap .search {right:0; width:236px; height:42px; }

#sch{border:8px solid #4c4a4f;}
#sch .txt{
	float:left;
	width:190px;
	height:28px;
	line-height:28px;
	background:transparent;
	border:0px;
	vertical-align:middle;
	color:#aaa;
	padding:0px;
	font-size:12px;
	background:#fff;
	text-indent:1em;
	font-family:Microsoft yahei;
}
#sch .btn{
	float:right;
	cursor:pointer;
	background:transparent;
	width:30px;
	height:28px;
	border:0px;
	padding:0px;
	background:url(img/bot.gif) no-repeat 0 0 #f63b2e;
}
/*search-end*/
	